<!DOCTYPE html>
<html lang="en" ng-app="app">
<head>
    <meta charset="UTF-8">
    <title></title>
    <link href="../app/bower_components/bootstrap/dist/css/bootstrap.css" rel="stylesheet">
</head>
<body ng-controller="AppController">


<div>
</div>
<!--<input uib-datepicker ng-model="datetime">

    &lt;!&ndash;<uib-yearpicker></uib-yearpicker>&ndash;&gt;
</input>-->

<script src="../app/bower_components/jquery/dist/jquery.js"></script>
<script src="../app/bower_components/angular/angular.js"></script>
<script src="../app/bower_components/angular-bootstrap/ui-bootstrap-tpls.js"></script>

<script>
    var app = angular.module('app', ['ui.bootstrap']);
    app.controller('AppController', function ($scope, $uibModal) {
        var modalInstance = $uibModal.open({
            templateUrl: 'template/dialog.html',
            controller: 'ModalController',
            backdrop: true
        });
    });

    app.controller('ModalController', function ($scope, $uibModalInstance) {
        $scope.close = function () {
            $uibModalInstance.close();
        }

    });

</script>
</body>
</html>